<%-- 
    Document   : modificarPuestoTrabajo
    Created on : 03/02/2011, 04:40:21 PM
    Author     : Patricia
--%>

<%@ taglib uri="http://struts.apache.org/tags-bean" prefix="bean" %>
<%@ taglib uri="http://struts.apache.org/tags-html" prefix="html" %>
<%@ taglib uri="http://struts.apache.org/tags-logic" prefix="logic"%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>

<% request.setAttribute("allowed", "Gestionar Cargos y Puestos de Trabajo"); %>
<%@ include file='../Templates/security.jsp' %>

<%
            String cargo = (String) request.getParameter("cargo");
            String puesto = (String) request.getParameter("puesto");
            String sede = (String) request.getParameter("sede");
%>
<h1 class="title">Gestión de Puestos de Trabajo</h1>
<hr>
<p class="meta"></p>
<div class="entry">
    <center>
        <h2>Modificar Puesto de Trabajo</h2>
        <br>
        <br>
        <html:form action="/modificarPuestoTrabajo" styleId="modificarPuestoTrabajoForm" onsubmit="return modificarPuestoTrabajo();">
            <table>
                <tbody>
                <input  id="submit" type="hidden" name="submit" value ="">
                <tr>
                    <td>
                        <html:errors property = "pt_fallido"/>
                    </td>
                </tr>
                <tr>
                    <td><font color="red">*&nbsp;</font>Cargo Asociado:</td>
                    <td>
                        <select id="Cargo" name="nombreCargo">
                        </select>
                        <html:errors property = "nombre_cargo_pt_requerido"/>
                    </td>
                </tr>
                <tr>
                    <td><font color="red">*&nbsp;</font>Nombre del puesto:</td>

                    <td><html:text styleId="nombrePuesto" property="nombrePuesto" size="40" readonly="true"/>
                        <html:errors property = "nombre_puesto_pt_requerido"/></td>
                </tr>
                <tr>
                    <td><font color="red">*&nbsp;</font>Sede:</td>
                    <td>
                        <select id="Sedes" name="sede" onchange="listEspacios(value)"></select>
                        <html:errors property = "sede_pt_requerido"/>
                    </td>
                </tr>
                <tr>
                    <td><font color="red">*&nbsp;</font>Espacio:</td>
                    <td>
                        <select id="Espacios" name="espacio" onchange="listPisos(value)"></select>
                        <input type="hidden" name="tipo" id="tipoEspacio"/>
                        <html:errors property = "espacio_pt_requerido"/>
                    </td>
                </tr>
                <tr id="pisoRow">
                    <td><font color="red">*&nbsp;</font>Piso:</td>
                    <td>
                        <select id="Pisos" name="piso">
                        </select>
                        <html:errors property = "piso_pt_requerido"/>
                    </td>
                </tr>
                <tr>
                    <td><font color="red">*&nbsp;</font>Descripción:</td>
                    <td><html:textarea styleId="descripcion" property="descripcion" cols="30" rows="4"/>
                        <html:errors property = "descripcion_pt_requerido"/></td>
                </tr>
                </tbody>
            </table>
            <br>
            <font color="red"><p>Los campos con * son obligatorios.</p></font>
            <br>
            <html:submit value="Modificar" property=""/>
            <html:button property="" styleId="backPT" value="Atrás"/>
        </html:form>
    </center>
</div>
<div style="clear: both;">&nbsp;</div>
<script type="text/javascript">
    $('#backPT').click(PuestoTrabajoC);

    $(function(){
        consultarPuestoTrabajo(<% out.print("'" + cargo + "','" + puesto + "','" + sede + "'");%>);
    });

    function consultarPuestoTrabajo(cargo,puesto,sede){
        $.ajax({
            type: 'POST',
            url:"consultarPuestoTrabajo.do",
            data: {nombre_cargo: cargo, nombre_pt: puesto, sede: sede},
            dataType: 'json',
            success: processConsultarPuestoTrabajo
        });
    }

    function processConsultarPuestoTrabajo(data){
        if((puesto = data.puestos[0])){
            listaSedes(puesto.sede);
            listaCargos(puesto.nombre_cargo);
            listEspacios(puesto.sede, puesto.espacio);
            listPisos(puesto.espacio,puesto.piso);
            $('#nombrePuesto').val(puesto.nombre_pt);
            $("#descripcion").val(puesto.descripcion);
            
        } else {
            alert("Ha ocurrido un error. El Puesto de Trabajo no puede ser modificado.");
            $('#backPT').click();
        }
        return false;
    }

    function listPisos(espacio,selected){
        if($('#Espacios option:selected').hasClass('Edificio')){
            $('#tipoEspacio').val('Edificio');

            $('#pisoRow').show();
            $('#Pisos').html("<option value='' ></option>");
            $.getJSON("getPisos.do?edificio="+espacio+"&sede="+$("#Sedes").val(),
            function(data) {
                if(data.pisos == null || data.pisos.length <= 0)
                    $('#Pisos').html("<option value=''>N/A</option>").attr('disabled',true);
                else {
                    $.each(data.pisos, function(i,item){
                        piso = item.id_piso == 0 ? "PB" : item.id_piso;
                        string = "<option value='"+item.id_piso+"' id='Piso_"+item.id_piso+"'>"+piso+"</option>";
                        $('#Pisos').append(string).attr('disabled',false);
                    });
                    if(selected) $('#Piso_'+selected).attr('selected',true);
                }
            });
        } else {
            $('#tipoEspacio').val('Otro');
            $('#pisoRow').hide();
        }
    }
</script>